<template>
  <div>
    <!-- 可以使用a标签使按钮带有提示功能 -->
    <a :title="title">
      <!-- 必须用v-bind，不能用简写‘:’ ，同样v-on不能简写成@-->
      <el-button v-bind="$attrs" v-on="$listeners">添加</el-button>
    </a>
  </div>
</template>

<script>
export default {
  name: "",
  props: ['title'],
  mounted () {
    //this.$attrs:可以获取到父亲传递的数据【props】
    //this.$attrs是可以获取父亲传递的props数据，如果子组件通过
    //props:[],接受，this.$attrs属性是获取不到的
    console.log(this.$attrs);
    console.log(this.$listeners);
  }
};
</script>

<style scoped></style>
